<template>
	<div class="indexPage">
		<div class="wrapper">
			<div class="ctn">
				<div class="headerTop">
					<p></p>
					<ul>
						<li>
							<el-row>
							  <el-col :span="4"><p @click="$router.push('/mainGraph')">主接线图</p></el-col>
							  <el-col :span="4"><p @click="$router.push({path: '/intervalGraph500kV', query: {ftIndex:3, jgName:'500kV间隔分图',ftName:'500kV间隔分图'}})">500kV分图</p></el-col>
							  <el-col :span="4"><p>220kVA段母线分图</p></el-col>
							  <el-col :span="4"><p>220kVB段母线分图</p></el-col>
							  <el-col :span="4"><p>35kV分图</p></el-col>
							  <el-col :span="4"><p>500kV通讯状态分图</p></el-col>
							</el-row>
						</li>
					</ul>
				</div>
				<div class="kV500">
					<p>500kV</p>
					<ul>
						<li>
							<el-row>
								<el-col :span="4"><p @click="$router.push({path: '/skewer1IntervalGraph', query: {ftIndex:44, jgName:'第一串间隔',ftName:'500kV第一串间隔分图'}})">500kV第一串分图</p></el-col>
								<el-col :span="4"><p>500kV第二串分图</p></el-col>
								<el-col :span="4"><p>500kV第三串分图</p></el-col>
								<el-col :span="4"><p>500kV第四串分图</p></el-col>
								<el-col :span="4"><p>500kV第五串分图</p></el-col>
								<el-col :span="4"><p>220及35kV通讯状态分图</p></el-col>
							</el-row>
						</li>
						<li>
							<el-row>
								<el-col :span="4"><p @click="$router.push({path: '/dlq5011IntervalGraph', query: {ftIndex:45, jgName:'5011断路器间隔',ftName:'500kV5011断路器间隔分图'}})">500kV5011断路器间隔分图</p></el-col>
								<el-col :span="4"><p>500kV5021断路器间隔分图</p></el-col>
								<el-col :span="4"><p>500kV5031断路器间隔分图</p></el-col>
								<el-col :span="4" :offset="8"><p>500kV母线间隔分图</p></el-col>
							</el-row>
						</li>
						<li>
							<el-row>
								<el-col :span="4"><p @click="$router.push({path: '/dlq5012IntervalGraph', query: {ftIndex:46, jgName:'5012断路器间隔',ftName:'500kV5012断路器间隔分图'}})">500kV5012断路器间隔分图</p></el-col>
								<el-col :span="4"><p>500kV5022断路器间隔分图</p></el-col>
								<el-col :span="4"><p>500kV5032断路器间隔分图</p></el-col>
								<el-col :span="4"><p>500kV5042断路器间隔分图</p></el-col>
								<el-col :span="4"><p>500kV5052断路器间隔分图</p></el-col>
								<el-col :span="4"><p>失步解列分图</p></el-col>
							</el-row>
						</li>
						<li>
							<el-row>
								<el-col :span="4"><p @click="$router.push({path: '/dlq5013IntervalGraph', query: {ftIndex:47, jgName:'5013断路器间隔',ftName:'500kV5013断路器间隔分图'}})">500kV5013断路器间隔分图</p></el-col>
								<el-col :span="4"><p>500kV5023断路器间隔分图</p></el-col>
								<el-col :span="4"><p>500kV5033断路器间隔分图</p></el-col>
								<el-col :span="4"><p>500kV5043断路器间隔分图</p></el-col>
								<el-col :span="4"><p>500kV5053断路器间隔分图</p></el-col>
								<el-col :span="4" style="opacity:0;cursor: auto;"></el-col>
							</el-row>
						</li>
						<li>
							<el-row>
								<el-col :span="4"><p @click="$router.push({path: '/main2IntervalGraph', query: {ftIndex:14, jgName:'2主变间隔',ftName:'#2主变间隔分画面'}})">#2主变分图</p></el-col>
								<el-col :span="4"><p>庄桂Ⅰ线分图</p></el-col>
								<el-col :span="4"><p @click="$router.push({path: '/ZGIntervalGraph2', query: {ftIndex:12, jgName:'庄桂II线',ftName:'500kV庄桂II线间隔分图'}})">庄桂Ⅱ线分图</p></el-col>
								<el-col :span="4" :offset="8" style="opacity:0;cursor: auto;"></el-col>
							</el-row>
						</li>
						<li>
							<el-row>
								<el-col :span="4"><p>桂元Ⅰ线分图</p></el-col>
								<el-col :span="4"><p>#3主变分图</p></el-col>
								<el-col :span="4"><p>桂元Ⅱ线分图</p></el-col>
								<el-col :span="4"><p>桂北Ⅰ线分图</p></el-col>
								<el-col :span="4"><p>桂北Ⅱ线分图</p></el-col>
								<el-col :span="4" style="opacity:0;cursor: auto;"></el-col>
							</el-row>
						</li>
					</ul>
				</div>
				<div class="kV220">
					<p>220kV</p>
					<ul>
						<li>
							<el-row>
								<el-col :span="4"><p>桂温Ⅰ线分图</p></el-col>
								<el-col :span="4"><p>桂南Ⅰ线分图</p></el-col>
								<el-col :span="4"><p>桂秋Ⅰ线分图</p></el-col>
								<el-col :span="4"><p>母联201分图</p></el-col>
								<el-col :span="4"><p>母联202分图</p></el-col>
								<el-col :span="4"><p>220kVⅠ母测控分图</p></el-col>
							</el-row>
						</li>
						<li>
							<el-row>
								<el-col :span="4"><p>陈桂线分图</p></el-col>
								<el-col :span="4"><p>桂南Ⅱ线分图</p></el-col>
								<el-col :span="4"><p>桂秋Ⅱ线分图</p></el-col>
								<el-col :span="4"><p>分段203分图</p></el-col>
								<el-col :span="4" :offset="4"><p>500kV母线间隔分图</p></el-col>
							</el-row>
						</li>
						<li>
							<el-row>
								<el-col :span="4"><p>桂平线分图</p></el-col>
								<el-col :span="4"><p>桂钢线分图</p></el-col>
								<el-col :span="4"><p @click="$router.push({path: '/GJ220IntervalGraph', query: {ftIndex:33, jgName:'220桂敬线',ftName:'220kV桂敬线间隔分图'}})">桂敬线分图</p></el-col>
								<el-col :span="4"><p>分段204分图</p></el-col>
								<el-col :span="4"><p @click="$router.push({path: '/Abusbar220IntervalGraph', query: {ftIndex:75, jgName:'220kV A段母线保护',ftName:'220kV A段母线保护间隔分图'}})">220kVA段母线保护分图</p></el-col>
								<el-col :span="4"><p @click="$router.push({path: '/Bbusbar220IntervalGraph', query: {ftIndex:76, jgName:'220kV B段母线保护',ftName:'220kV B段母线保护间隔分图'}})">220kVB段母线保护分图</p></el-col>
							</el-row>
						</li>
						<li>
							<el-row>
								<el-col :span="4"><p>盘桂线分图</p></el-col>
								<el-col :span="4"><p>287分图</p></el-col>
								<el-col :span="4" :offset="12" style="opacity:0;cursor: auto;"></el-col>
							</el-row>
						</li>
					</ul>
				</div>
				<div class="kV35">
					<p><span>35kV及</span><span>10kV</span></p>
					<ul>
						<li>
							<el-row>
								<el-col :span="4"><p>#3电抗器分图</p></el-col>
								<el-col :span="4"><p>#5电抗器分图</p></el-col>
								<el-col :span="4"><p>#0站变分图</p></el-col>
								<el-col :span="4" :offset="8"><p>35kVⅡ母分图</p></el-col>
							</el-row>
						</li>
						<li>
							<el-row>
								<el-col :span="4"><p>#4电抗器分图</p></el-col>
								<el-col :span="4"><p>#6电抗器分图</p></el-col>
								<el-col :span="4"><p>#1站用变分图</p></el-col>
								<el-col :span="4" :offset="8"><p>35kVⅢ母分图</p></el-col>
							</el-row>
						</li>
						<li>
							<el-row>
								<el-col :span="4"><p>#3电容器分图</p></el-col>
								<el-col :span="4"><p>#5电容器分图</p></el-col>
								<el-col :span="4"><p>#2站用变分图</p></el-col>
								<el-col :span="4" :offset="8" style="opacity:0;cursor: auto;"></el-col>
							</el-row>
						</li>
						<li>
							<el-row>
								<el-col :span="4"><p>#4电容器分图</p></el-col>
								<el-col :span="4"><p>#6电容器分图</p></el-col>
								<el-col :span="4" :offset="12" style="opacity:0;cursor: auto;"></el-col>
							</el-row>
						</li>
					</ul>
				</div>
				<div class="other">
					<p>其他</p>
					<ul>
						<li>
							<el-row>
								<el-col :span="4"><p>直流屏分图</p></el-col>
								<el-col :span="4"><p>公共测控分图1</p></el-col>
								<el-col :span="4"><p>公共测控分图2</p></el-col>
								<el-col :span="4"><p>AVC压板分图</p></el-col>
								<el-col :span="4" :offset="4" style="opacity:0;cursor: auto;"></el-col>
							</el-row>
						</li>
					</ul>
				</div>
			</div>
		</div>
	</div>
</template>

<script src="./script.js"></script>

<style lang="less" src="./style.less" scoped></style>
